<script setup lang="ts">
import { useSlots } from "vue"
const slots = useSlots()
</script>
<template>
  <div
    class="list-view pc-flex pc-h-full pc-w-full pc-flex-col pc-gap-0 pc-overflow-hidden pc-rounded-lg pc-bg-white"
  >
    <div class="pc-h-fit pc-w-full pc-flex-none pc-px-4 pc-pt-4 pc-pb-2">
      <slot name="filter" />
    </div>
    <div class="pc-h-0 pc-w-full pc-flex pc-flex-1 pc-overflow-hidden pc-px-4 pc-pb-4">
      <slot name="result" />
    </div>
    <div v-if="slots.footer" class="pc-h-fit pc-w-full pc-flex-none">
      <slot name="footer" />
    </div>
  </div>
</template>
